<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Toki Learning</title>
<link rel="stylesheet" type="text/css" href="css/problem.css" />
<script type="text/javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="js/jQuery.js"></script>
</head>
<body>
	<div id="bg_header">
		<div id="header">
			<div id="logo_header">
				<a href="index.html">
					<img src="images/logo_header.png" width="360" height="110" alt="Logo" />
				</a>
			</div>
			<div id="nav_acc">
				<ul>
					<li><a href="#">Settings</a></li>
					<li><a href="#">Inbox (0)</a></li>
					<li><a href="#">Logout</a></li>
				</ul>				
			</div>
		</div>
	</div>
	<div id="bg_content">
		<div id="content_header">
			<div id="nav_header">
				<div id="nav_content">
					<ul>
						<li><a href="problem.html">Problem Archives</a></li>
						<li><a href="contest.html">Contests</a></li>
						<li><a href="#">Training Gate</a></li>
						<li><a href="#">Learn</a></li>
					</ul>
				</div>
				<ul id="my_nav">
						<li><a href="#">My Friends</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Statistics</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Submissions</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Contests</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
						<li><a href="#">My Profile</a>
						<ul>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
							<li><a href="#">Drop Down Menu</a></li>
						</ul>
						</li>
				</ul>
			</div>
			<div id="display_user">
				<div id="user_name">
					<a href="#">Ahmad Fauzan</a>
				</div>
				<div id="user_image">					
					<a href="#">
						<!--img src="" width="90" height="90" /-->
					</a>
				</div>
			</div>
		</div>
		<div id="content">
			<div id="page_problems">
				<div id="page_problems_title">
				<h1>Perubahan Minimal</h1>
				<p>Porttitor phasellus, scelerisque nascetur. Tincidunt lorem nascetur cursus ultrices urna turpis scelerisque cras sagittis, ultricies, ut lorem nisi augue lectus, a sit non urna, placerat etiam!</p>
				</div>
				<div id="problems_dir">
					Lokasi: /Arsip Soal
				</div>
				<div id="problems_folder">
					<ul>
						<li>Arsip Soal</li>
						<li>Etcetera</li>
					</ul>
				</div>
				<div id="problems_file">
					<ul>
						<li>Bilangan Prima</li>
						<li>Jumlah Bilangan</li>
					</ul>
				</div>
			</div>
			<div id="sidebar2column">
				<div id="sidebar_content">
					<h2>
						Problems
					</h2>
					<div class="subsidebar_content">						
						<ol>
							<div class="column">
								<li><a href="#">Jumlah Bilangan</a></li>
								<li><a href="#">Perubahan Minimal</a></li>
								<li><a href="#">Matrix</a></li>
								<li><a href="#">Soal Lainnya</a></li>
								<li><a href="#">Berfoto</a></li>
							</div>
							<div class="column">
							<li><a href="#">Maling Motor</a></li>
								<li><a href="#">Perubahan Minimal</a></li>
								<li><a href="#">Matrix</a></li>
								<li><a href="#">Soal Lainnya</a></li>
								<li><a href="#">Berfoto</a></li>
							</div>
						</ol>
					</div>
					<h2>
						Today's Popular Problems
					</h2>
					<div class="subsidebar_content">							
						<ol>
							<div class="column">
								<li><a href="#">Jumlah Bilangan</a></li>
								<li><a href="#">Perubahan Minimal</a></li>
								<li><a href="#">Matrix</a></li>
								<li><a href="#">Soal Lainnya</a></li>
								<li><a href="#">Berfoto</a></li>
							</div>
							<div class="column">
							<li><a href="#">Maling Motor</a></li>
								<li><a href="#">Perubahan Minimal</a></li>
								<li><a href="#">Matrix</a></li>
								<li><a href="#">Soal Lainnya</a></li>
								<li><a href="#">Berfoto</a></li>
							</div>
						</ol>
					</div>
					<h2>
						Top Users
					</h2>
					<div class="subsidebar_content">
							<ol>
								<div class="column">
									<li><a href="#">Petra</a></li>
									<li><a href="#">Anita Anjali</a></li>
									<li><a href="#">DavidKur</a></li>
									<li><a href="#">LightSoldier</a></li>
									<li><a href="#">EdwardArif</a></li>
								</div>
								<div class="column">
									<li><a href="#">Anna Malik</a></li>
									<li><a href="#">Aisyah Noor</a></li>
									<li><a href="#">Michael</a></li>
									<li><a href="#">Umar</a></li>
									<li><a href="#">Andrea</a></li>
								</div>
							</ol>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div id="copyright">
			Copyright of TOKI Learning 2011
		</div>
		<div id="footer_links">
			<ul>
				<li class="first"><a href="#">Our Blog</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact Us</a></li>
				<li>Follow our <a href ="#" class="biru">Facebook</a> and <a href="#" class="biru">Twitter</a></li>	
			</ul>
		</div>
	</div>
</body>
</html>